<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>买家用户首页</title>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
	type="text/css" />
<!-- <link rel="stylesheet" href="./bootstrap/css/bootstrap.css"> -->
<!-- <link rel="stylesheet" href="./css/base.css"> -->
<script src='./js/jquery.js'></script>
<script src='./bootstrap/js/bootstrap.js'></script>
<script type="text/javascript" src="./js/slide.js"></script>
<link rel="stylesheet" type="text/css" href="css/indexcss.css" />
<link rel="stylesheet" href="./css/swiper.css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/slide.js"></script>
</head>
<style>

	header{
        width:auto;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .nav{
        list-style: none;
        display: flex;
        align-items: center;
        background: #409EFF;
        border-radius: 10px;
        color: #fff;
        font-size: 24px;
        padding: 5px 10px;
    }
    header .nav .nav-list{
        margin-right:20px;
    }
    header .nav .nav-list:nth-last-of-type(1){
        margin-right:0;
    }
    header .nav .nav-list a{
        text-decoration: none;
        color:#fff;
    }
    
    img{
    	width:auto;
        margin:0 auto;
    }

</style>
<body>
	<div class="whole">
		<!-- 顶部 -->
		<header>
                <img class="logo" src='./img/logo.png' alt=''>
                <ul class="nav">
                    <li class="nav-list">
                    	<form action="myMessage" name="myMessage" method="post" style="width:auto;margin:0 auto">
                        <input type="submit" value="个人信息">
                        </form>
                    </li>
                    <li class="nav-list">
                    	<form action="myOrder" name="myOrder" method="post" style="width:auto;margin:0 auto">
                        <input type="submit" value="我的订单">
                        </form>
                    </li>
                    <li class="nav-list">
                        <a href="./buylogin.jsp">退出登录</a>
                    </li>
                </ul>
            </header>
		<!-- 中部1 center1 -->
		<div class="center1">
			<div class="slide">
				<!-- 导航点 -->
				<ul class="slide-nav">
					<li class="active"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<!-- /导航点 -->
				<!-- 轮播图 -->
				<div class="slide-content">
					<div class="slide-item">
						<img src="./img/swiper/zheng1.jpg" alt="图片一">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/zheng2.jpg" alt="图片二">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/zheng3.jpg" alt="图片三">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/shafa1.jpg" alt="图片四">
					</div>
					<div class="slide-item">
						<img src="./img/swiper/shafa2.jpg" alt="图片五">
					</div>
				</div>
				<!-- /轮播图 -->
				<!-- 按钮 -->
				<a href="javascript:void(0);" class="slide-btn prev">《</a> <a
					href="javascript:void(0);" class="slide-btn next">》</a>
				<!-- /按钮 -->
			</div>
		</div>
		<!-- 中部2 center2 -->
		<div class="center2">
			<div class="center-title">热门商品</div>
			<ul class="goods-total">
				<li class="goods-list"><img src="./img/deng1.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/deng2.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/deng3.jpg" alt="">
				</li>
			</ul>
			<div class="show-all"><a href="./allgoods.jsp">显示全部</a></div>
		</div>
		<!-- 中部3 center3 -->
		<div class="center3">
			<div class="center-title">热门店铺</div>
			<ul class="goods-total">
				<li class="goods-list"><img src="./img/dainpu1.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/dainpu2.jpg" alt="">
				</li>
				<li class="goods-list"><img src="./img/dianpu3.jpg" alt="">
				</li>
			</ul>
			<div class="show-all"><a href="./allstores.jsp">显示全部</a></div>
		</div>
		<!-- 低部 -->
		<div class="bottom1">
			<a href="#">关于我们</a>｜ <a href="#">业务范围</a>｜ <a href="#">联系方式</a>｜ <a
				href="#">信息反馈</a>｜ <a href="#">友情合作</a>｜ <a href="#">友情链接 </a>
		</div>
		<div class="zhushi">版权所有Copyright(C)2009-2010某某科技有限公司</div>


	</div>
	<script type="text/javascript">
		var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {
			imgDown : "SpryAssets/SpryMenuBarDownHover.gif",
			imgRight : "SpryAssets/SpryMenuBarRightHover.gif"
		});
		$(function() {
			$('.slide').slide();
		});
	</script>
</body>
</html>